body{color: #262626; font-family:"微软雅黑";}
a{color:#262626}
a:hover{color:#e11d07}
a:visited{color:#262626}
a:active,a:focus,a:hover{color:#e11d07}

.header{ height: 123px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; overflow: hidden;background: #ffffff;}
.header .row{ width: 100%;}
.header .ny_color{ background: rgb(0,0,0,1) !important; position: relative;}
.header .hdiv{ padding:0 5%;}

.header1{ height: 80px; top: 0; left: 0; width: 100%; z-index: 10000; position: relative; overflow: hidden; background: rgb(0,0,0,1) !important;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 80px; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:start;}
.logo img{vertical-align: middle;max-height:100%; max-width: 200px;}

.fix-head{ height: 123px;  position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: rgb(255,255,255,1); box-shadow: #dedede 0 0 10px; transition: all 0.4s; padding: 0;}
.fix-head .logo{ height: 80px;}
.fix-head .navBox ul.navCont li.child i{ position: absolute; right: 0; top: -3px;}
.fix-head .navBox ul.navCont li.child .pro-cate{    top: 123px;}

.htool{ height: 118px; line-height: 118px; overflow: hidden; text-align: left;}
.htool a{ display: inline-block; color: #3b3b3b; width: 95%; line-height: 103px;}
.htool a i{font-size: 2.6rem; }
.fix-head .htool{ line-height: 9rem;}


.form1{ width:100%;margin: 0 auto; border-bottom: 1px solid #606060; padding: 1rem 0; margin: 1rem 0;}
.form1 .bt{ color: #000000; height: 19px; line-height: 19px; display: block; text-align: center; width: 19px; float: left; background: url(../img/search.png) no-repeat center; border: none; margin-top: 1rem;}
.form1 .form-control{  height: 4rem; border: 0px solid #dedede; margin: 0; width: 80%; float: left; }
.fix-head .container1{ top: 9rem;}
.en_box{     width: 140px; float: right;line-height: 43px; text-align: center; cursor: pointer;}
.en_box p{ font-size: 16px; text-align: center; padding-left: 10px;}
.en_box p i{ font-size: 2.3rem; padding-right: 7px;}
.en_box:hover .en_box1{ display: block;}
.en_box .en_box1{ position: fixed;width: 100%; max-width: 140px; background: #000000;text-align: center; line-height: 40px; top: 43px; display: none; border-top: none;z-index: 10;}
.en_box .en_box1 a{ font-size: 16px; color: #ffffff; display: block;}
.en_box .en_box1 a:hover{ color: #ffffff; background:#cd1a1c;}

.wapNavBtn{display:block;line-height: 40px; height:40px; width:40px;font-size: 2rem; z-index:1000000; float: right; background: #d2321f;  margin-top: 1.5rem;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}

.wapNavBtn span{ display:block; right:0; width:65%; height:3px; top:calc((100% - 40px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px; background: #ffffff; text-align: right;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) translateX(3px) rotate(0); width: 50%; }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#fff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(19px) rotate(45deg);}
.wapNavBtn.on span:nth-child(2){transform: translateY(17px) rotate( -45deg);width: 50%;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

/* 导航-1 */

.navBox{width:100%;}
.navBox ul.navCont{}
.navBox ul.navCont li.child:first-child{ width: 18.28%;}
.navBox ul.navCont li.child:nth-child(3){ width: 10.28%;}
.navBox ul.navCont li.child{float:left; width: 14.28%; text-align:center; position: relative; font-weight: 400;}
.navBox ul.navCont li.child a{display: block;color:#333333;  font-size: 18px; text-transform:uppercase; line-height: 80px; position: relative; }
.navBox ul.navCont li.child a:hover{ color: #333333;}
.navBox ul.navCont li.child.cur a{ width:100%; color: #333333;}
.navBox ul.navCont li.child.cur a:after,.navBox ul.navCont li.child:hover a:after{ opacity: 1; height: 18px;}
.navBox ul.navCont li.child.last a{border-right: 0px}

.fix-head .navBox ul.navCont li.child a{ line-height: 80px;}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none; width:140%; background:#fff; text-align: center; margin: 0 auto; }
.navBox ul.navCont li.child .childcont li{  display: block; border-bottom: 1px solid #efeaea; text-align: left;}
.navBox ul.navCont li.child .childcont a{line-height: 5rem; color:#333; background: no-repeat; height: auto; margin: 0; font-size: 2rem;font-weight: bold;
    text-align: left; padding: 2rem 0; overflow: hidden;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#13227a; text-decoration:none; }

.navBox ul.navCont li.child .pro-cate{ position: fixed; width: 100%; top: 122px; background: #ffffff;  padding: 4rem 4rem 6rem 4rem;border-top: 1px solid #dedede;}
.navBox ul.navCont li.child .pro-cate img{ max-height: 260px; overflow: hidden;}
.navBox ul.navCont li.child .pro-cate a{ padding: 0; overflow: hidden;}
.navBox ul.navCont li.child .pro-cate a:hover img{ transform:scale(1.1); overflow: hidden;}

.top{ background: #3a3a3a; height: 43px; line-height: 43px; color: #ffffff;}

/*底部*/
.wrap1{ max-width: 1320px; margin:0 auto;}
.footer{ background: #f2f2f2;  color: #6a6a6a; line-height: 36px; position: relative; font-size: 1.8rem; padding: 3rem 0 0;}
.b_foot{ border-bottom: 1px solid #e5e4e4; padding: 2rem;}
.foot_logo{ max-width: 270px;}
.dot{ display: flex; justify-content: flex-start; align-items: flex-start;}
.dot i{ float: left; padding-right: 2rem; padding-top: 0.5rem;}
.dot p{ font-size: 1.8rem; line-height: 3rem;}
.dot_1{ padding-top: 2rem; text-align: center; padding-left: 5%;font-family: 'calibri';}

.fcoy{ padding: 2rem 0; border-top: 1px solid #e5e4e4; text-align: center;}
.fcoy p{ font-size: 2rem; color: #6a6a6a; line-height: 3rem; text-align: center;  }
.fcoy p a{ color：#262626 !important;}

/*.fcoy a{color: #fefefe; float: left; padding-right: 1rem; line-height: 4rem;} 
.fcoy a:hover{ color: ffffff;}*/

.fnav{ background: url(../img/foot_bg.jpg) no-repeat center bottom; padding: 5rem 0 10rem;}
.foot_nav ul{ list-style: none; font-family: 'calibri';}
.foot_nav li{ width: 12%; float: left; font-size: 2rem; color: #6a6a6a;}
.foot_nav li:first-child{ width: 12%;}
.foot_nav li:nth-child(2){ width: 21%;}
.foot_nav li:nth-child(3){ width: 16%;}
.foot_nav li:nth-child(4){ width: 15%;}
.foot_nav li span a{ color: #323232; font-size: 1.8rem; font-weight: bold; }
.foot_nav li a:hover{ color: #d2321f;}
.foot_nav li p{ padding-top: 1.5rem; }
.foot_nav li p a{ font-size: 16px; display: block;font-family: 'calibri';}



/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #ffffff; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}



/*搜索*/
.search{cursor: pointer; max-width: 24px; text-align: center;margin: 0 auto; border-bottom: 1px solid #dedede;}
.search i{ color: #ffffff; font-size: 3.5rem; line-height: 7rem;}
.search_in{ 
    width: 100%;
    display-radio: flex;
    padding: 15px;
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 10;
    overflow: hidden;
    top: 80px;
    display: none;
}


a.more{display: block; color: #fff; font-size: 20px; background-color: #ea4d3d;width: 100%; max-width: 27.7rem;  height: 6.7rem; line-height: 6.7rem; text-align: center; border-radius: 53px; margin: 4rem auto; font-weight: bold;}
a.more:hover{ background-color: #000000;}
a.more i{ font-size: 20px; padding-left: 2rem;}
a.more1{display: block; color: #fff; font-size: 20px;  width: 23.3rem; height: 6.7rem; line-height: 6.7rem; text-align: center; border-radius: 53px; font-weight: bold; border: 1px solid #ffffff; margin-left: auto;}
a.more1:hover{ background-color: #000000;}
a.more1 i{ font-size: 20px; padding-left: 2rem;}
a.more1.col{ background: #d2321f; border: none;}

a.more2{display: block; color: #fff; font-size: 16px; background-color: #ea4d3d; width: 14rem; height: 3.7rem; line-height: 3.7rem; text-align: center; border-radius: 53px; margin: 0 auto; font-weight: bold;}
a.more2:hover{ background-color: #000000;}

/*翻页*/
.pager{text-align: center; color: #292929; margin-bottom: 30px;}
.pager a,.pager span{height: 33px; border: 1px solid #dedede; padding: 0 10px; line-height:33px; display: inline-block;margin:0 2px; color: #292929; text-align: center; font-size: 14px; background: #f8f8f8; font-weight: bold; }
.pager span.current,.pager a:hover{ color:#eb3d52; }
.pager em{ font-style: normal; color:#eb3d52;}
.pager a.on{ line-height:33px; background: #d33725; color: #ffffff;}

.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 30px;height: 26px;border:none; background: #f8f8f8; line-height:33px; text-align: center;}

.pagination {
    font-size: 0;
    text-align: center;
    padding-top: 3rem;
}

.pagination li {
    display: inline-block;
    font-size: 14px;
}
.pagination .disabled span {
    border: 1px solid #ccc;
    cursor: no-drop;
}
.pagination span, .pagination a {
    display: block;
    height: 33px; border: 1px solid #dedede; padding: 0 10px; line-height:33px; display: inline-block;margin:0 2px; color: #292929; text-align: center; font-size: 14px; background: #f8f8f8; font-weight: bold;
}
.pagination .active span, .pagination a:hover {
    line-height:33px; background: #d33725; color: #ffffff;
    position: relative;
}

.news_bg{ background: #ffffff; padding: 4rem;}
.news_bg.nbg{ background: #f2f2f2;}
.news_bg ul{ list-style: none;}
.news_bg ul li{ margin-bottom: 3rem;}
.news_bg ul li a{ font-size: 2.4rem; color: #403f3f; line-height: 3rem; display: block; margin-bottom: 1.5rem; font-weight: bold;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news_bg ul li a:hover{ color: #d2321f;}
.news_bg ul li em{ font-size: 2rem; color: #aaaaaa; font-style: normal; }
.news_bg ul li em i{ font-size: 2rem; color: #aaaaaa; padding-right: 5px;}

.news-box{ padding-bottom: 1.8rem; position: relative; transition: all 0.6s; background: #ffffff;}
.news-box.nbg{background: #f2f2f2;}
.news-box .icon{ width: 100%;overflow: hidden;}
.news-box img{ width: 100%;}
.news-box .time{ background: rgb(210,50,31,0.8); width: 4.9rem; height: 5.6rem; display: block; position: absolute; color: #ffffff; font-size: 2rem; text-align: center; left: 2rem; top: 3rem; z-index: 100; font-weight: bold; line-height: 3rem; padding: 2rem;}
.news-box .ntit{text-align: left; padding: 2rem 4rem;}
.news-box .ntit p{ color: #403f3f; font-size:2.4rem; font-weight: bold; line-height: 3.5rem;margin-bottom: 2.6rem; text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-box .ntit em{ width: 17rem; height: 4.5rem; background: #d2321f; font-size: 16px; color: #ffffff; font-weight: normal;display: block; line-height: 4.5rem;  font-style: normal; text-align: center; border-radius: 35px;}
.news-box a:hover p{ color: #d2321f;}

.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000;width:100%;position:fixed;left:0px;top:0px;z-index:1000;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{min-height: 488px; width: 50%; position:fixed;left: 0; right: 0; top: 30%;z-index:10000;background:#FFF;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}
.mskeImgBg{height:57px;width:100%;position:absolute;left:0px;bottom:0px;}
.mskeClaose{position:absolute;top:-17px;right:-17px;cursor:pointer;}


.pro-drop{position: relative;     min-height: 600px;}
.pro-down{position: absolute; width: 50%; background: #fff; left:30%; top: -40px; min-height: 600px; display: none; padding: 30px 50px 50px 50px;}
.pro-drop ul li .pro-down a{ font-size: 14px !important; line-height: 35px !important; }
.pro-down a:hover{text-decoration: underline; color: #e83421 !important;}
.pro-down a{line-height: initial; height: auto; font-weight: normal !important; margin-bottom: 20px; font-size: 16px !important;}
.pro-drop .pro-down ul li{height: auto; line-height: initial; margin-bottom: 20px; font-size: 1.4rem;}
.pro-down ul li.active1 a{ color: #e83421 !important}
.pro-drop ul>li{ margin: 0; width: 12.5%;}
.pro-drop ul{display: block;}
.pro-drop ul>li .pro-down li{ width: 90%; text-align: center;}
.pro-drop h3{ padding-left: 15px; font-size: 18px;}

.pro-down-block{ display: block;}
.pro-down ul li{ color: #000; }
.pro-down ul li:hover { color: #000;}
.pro-drop ul li{ height: 60px; line-height: 60px; width: 50%;}
.pro-drop ul li.active1{ background: #fff;}
.pro-drop ul li a{ display: block; width: auto; padding: 0; font-size: 1.6rem; overflow: hidden; color: #333;}
.pro-drop ul li a strong{ font-weight: normal;}
.pro-down ul li a{ font-size: 14px; height: 50px;}
.pro-drop ul li.active1 .pro-down{ display: block;}



.video_player {
    display: block;
    width: 100%;
    height: 488px;
    padding: 0;
    margin: 0;
    border: none;
}